<template>
	<view class="contain-body">
		<view class="addBox"    v-for="(item ,index) in addInfo" :key="index">
			<view class="flexrow">
				<view class="name">
					{{item.name}},
				</view>
				<view class="">
					{{item.phone}}
				</view>
			</view>
			<view class="">
				{{item.address}}
			</view>
		</view>
		<view class="new-address" @click="showAddress">
			<uni-icons type="plus" size="16" color="#fff" style="margin-right: 5px;"></uni-icons>
			新建收货地址
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addInfo:[
					{
						name:'张三',
						phone:'15198986363',
						address:'四川省成都市龙泉驿区红河北路565号 芙蓉小区'
					}
				]
			};
		},
		methods:{
			showAddress(){
				uni.navigateTo({
					url: "/pages/classify/add-Receiving-address/Receiving-address"
				})
			}
		}
	}
</script>

<style lang="less">
	.contain-body{
		padding: 15px;
		    box-sizing: border-box;
		    background: #f6f5f5;
		    overflow-y: auto;
	}
	.addBox{
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
		padding: 10px;
		box-sizing: border-box;
		background: #fff;
		.flexrow{
			display: flex;
			align-items: center;
			margin-bottom: 10px;
		}
		.name{
			font-size: 14px;
			margin-right: 10px;
		}
	}
	.new-address{
		margin: 10px;
		width: calc( 100% - 20px);
		background-color: #FF8B07;
		padding: 2px;
		box-sizing: border-box;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		height: 36px;
	}
</style>
